@font-face{font-family:Circular Std;src:local("Merienda"),url(../fonts/circularstd-book.6365c40a.otf) format("opentype")}@font-face{font-family:Circular Std Medium;src:local("Merienda"),url(../fonts/circularstd-medium.4fcdd97f.otf) format("opentype");font-weight:medium;font-style:normal}.create-role[data-v-299a9480]{max-width:720px;margin:0 auto}.create-role__tabs[data-v-299a9480]{display:flex;gap:4px;margin-bottom:24px;border-bottom:1px solid #e2e8f0}.create-role__tab[data-v-299a9480]{display:flex;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:400;color:#64748b;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .15s ease;margin-bottom:-1px}.create-role__tab svg[data-v-299a9480]{color:#94a3b8}.create-role__tab--active[data-v-299a9480]{color:#001240;font-weight:500;border-bottom-color:#001240}.create-role__tab--active svg[data-v-299a9480]{color:#001240}.create-role__content[data-v-299a9480]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:32px}.create-role__step[data-v-299a9480]{animation:fadeIn-299a9480 .2s ease}.create-role__title[data-v-299a9480]{font-size:20px;font-weight:500;color:#0f172a;margin:0 0 8px 0}.create-role__subtitle[data-v-299a9480]{font-size:14px;color:#64748b;margin:0 0 32px 0;line-height:1.5}.create-role__fields[data-v-299a9480]{display:flex;flex-direction:column;gap:24px}.create-role__field[data-v-299a9480]{display:flex;flex-direction:column;gap:6px}.create-role__field--readonly[data-v-299a9480]{margin-bottom:24px}.create-role__label[data-v-299a9480]{font-size:11px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.create-role__input[data-v-299a9480]{height:48px;padding:0 16px;font-size:14px;color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;transition:border-color .15s ease}.create-role__input[data-v-299a9480]::-moz-placeholder{color:#94a3b8}.create-role__input[data-v-299a9480]::placeholder{color:#94a3b8}.create-role__input[data-v-299a9480]:focus{border-color:#001240}.create-role__input--readonly[data-v-299a9480]{background:#f8fafc;cursor:not-allowed}.create-role__textarea[data-v-299a9480]{min-height:120px;padding:14px 16px;font-size:14px;color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;resize:vertical;font-family:inherit;transition:border-color .15s ease}.create-role__textarea[data-v-299a9480]::-moz-placeholder{color:#94a3b8}.create-role__textarea[data-v-299a9480]::placeholder{color:#94a3b8}.create-role__textarea[data-v-299a9480]:focus{border-color:#001240}.create-role__permissions[data-v-299a9480]{margin-top:8px}.create-role__permissions-header[data-v-299a9480]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.create-role__permissions-title[data-v-299a9480]{font-size:14px;font-weight:500;color:#0f172a;margin:0}.create-role__select-all[data-v-299a9480]{display:flex;align-items:center;gap:8px;padding:0;font-size:13px;color:#475569;background:none;border:none;cursor:pointer}.create-role__select-all[data-v-299a9480]:hover{color:#0f172a}.create-role__checkbox-btn[data-v-299a9480]{padding:0;background:none;border:none;cursor:pointer}.create-role__checkbox[data-v-299a9480]{width:20px;height:20px;border:2px solid #cbd5e1;border-radius:50%;background:#fff;transition:all .15s ease}.create-role__checkbox--checked[data-v-299a9480]{border-color:#10b981;background:#10b981;position:relative}.create-role__checkbox--checked[data-v-299a9480]:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#fff;border-radius:50%}.create-role__checkbox--partial[data-v-299a9480]{border-color:#10b981;background:#d1fae5;position:relative}.create-role__checkbox--partial[data-v-299a9480]:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:2px;background:#10b981;border-radius:1px}.create-role__permissions-list[data-v-299a9480]{border:1px solid #e2e8f0;border-radius:12px;padding:8px;max-height:400px;overflow-y:auto}.create-role__service[data-v-299a9480]{border-bottom:1px solid #f1f5f9}.create-role__service[data-v-299a9480]:last-child{border-bottom:none}.create-role__service-header[data-v-299a9480]{display:flex;align-items:center;justify-content:space-between;padding:12px 8px;cursor:pointer;border-radius:8px;transition:background-color .15s ease}.create-role__service-header[data-v-299a9480]:hover{background-color:#f8fafc}.create-role__service-info[data-v-299a9480]{display:flex;align-items:center;gap:12px}.create-role__service-name[data-v-299a9480]{font-size:14px;font-weight:500;color:#0f172a;-webkit-user-select:none;-moz-user-select:none;user-select:none}.create-role__expand-icon[data-v-299a9480]{transition:transform .2s ease}.create-role__expand-icon--expanded[data-v-299a9480]{transform:rotate(180deg)}.create-role__service-actions[data-v-299a9480]{display:flex;flex-wrap:wrap;gap:8px;padding:8px 8px 16px 40px;border-top:1px solid #f1f5f9}.create-role__action-item[data-v-299a9480]{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:160px;padding:8px 12px;background:#f8fafc;border-radius:8px}.create-role__action-label[data-v-299a9480]{font-size:13px;color:#475569;-webkit-user-select:none;-moz-user-select:none;user-select:none}.create-role__toggle[data-v-299a9480]{width:36px;height:20px;padding:0;background-color:#e2e8f0;border:none;border-radius:10px;position:relative;cursor:pointer;transition:background-color .2s ease}.create-role__toggle--active[data-v-299a9480]{background-color:#d1fae5}.create-role__toggle-indicator[data-v-299a9480]{width:16px;height:16px;background-color:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s ease}.create-role__toggle--active .create-role__toggle-indicator[data-v-299a9480]{transform:translateX(16px);background-color:#10b981}.create-role__actions[data-v-299a9480]{display:flex;justify-content:flex-end;gap:12px;margin-top:32px}.create-role__actions--spaced[data-v-299a9480]{justify-content:space-between}.create-role__btn[data-v-299a9480]{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 24px;font-size:14px;font-weight:500;border-radius:10px;cursor:pointer;transition:all .15s ease}.create-role__btn--primary[data-v-299a9480]{background:#001240;border:none;color:#fff}.create-role__btn--primary[data-v-299a9480]:hover:not(:disabled){background:#001a5c}.create-role__btn--primary[data-v-299a9480]:disabled{opacity:.6;cursor:not-allowed}.create-role__btn--secondary[data-v-299a9480]{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.create-role__btn--secondary[data-v-299a9480]:hover{background:#e2e8f0}.create-role__spinner[data-v-299a9480]{width:18px;height:18px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin-299a9480 .8s linear infinite}@keyframes fadeIn-299a9480{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes spin-299a9480{to{transform:rotate(1turn)}}@media(max-width:640px){.create-role__content[data-v-299a9480]{padding:24px 16px}.create-role__tabs[data-v-299a9480]{overflow-x:auto}.create-role__tab[data-v-299a9480]{white-space:nowrap;padding:10px 12px;font-size:13px}.create-role__service-actions[data-v-299a9480]{padding-left:16px}.create-role__actions--spaced[data-v-299a9480],.create-role__actions[data-v-299a9480]{flex-direction:column-reverse}.create-role__btn[data-v-299a9480]{width:100%}}